import React from "react";
import List from "@mui/material/List";

const DualList = (properties: { children: React.ReactElement[] }) => {
  return (
    <List
      subheader={<li />}
      sx={{
        width: "100%",
        maxWidth: "80vw",
        position: "relative",
        overflow: "auto",
        maxHeight: "40vh",
        "& ul": { padding: 0 },
      }}
    >
      {properties.children}
    </List>
  );
};

export default DualList;
